import {React,lazy,Suspense} from 'react'
import { HashRouter,Routes,Route ,Navigate } from 'react-router-dom'
import Index from '../pages/index/index.jsx'
import Manage from '../pages/manage/manage.jsx'
import Visitor from '../pages/manage/visitor.jsx'
import Shoplist from '../pages/management/shoplist/shoplist.jsx'
import Userlist from '../pages/management/userlist/userlist.jsx'



const  BasicRoute = ()=>{
    return (
            <HashRouter>
                <Suspense fallback={''}>
                    <Routes>
                            <Route path='/' element={<Navigate to='/manage'></Navigate>}></Route>
                            <Route path='/' element={<Index/>}>
                                <Route path='/manage' element={<Manage/>}></Route>
                                <Route path='/userlist' element={<Userlist/>}/>
                                <Route path='/shoplist' element={<Shoplist/>}/>
                                <Route path='/visitor' element={<Visitor/>}/>
                            </Route>
                            
                    </Routes>
                </Suspense>
            </HashRouter>
    )
        }
export default BasicRoute